<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="web/templates/ui.xhtml">

	<ui:define name="title">
		<h:outputText value="Mantenimiento de Censo" />
	</ui:define>
	<ui:define name="sidebar">
		<div class="widget">
			<div class="title">
				<div class="inner">
					<h3>
						<h:outputText value="Menú" />
					</h3>
				</div>
			</div>
			<!-- MENU PERFIL ADMINISTADOR -->
			<ui:include src="menu.xhtml" />
		</div>
	</ui:define>
	<ui:define name="content">
		<div class="page-header">
			<h3>
				<h:outputText value="Censo" />
			</h3>
		</div>
		<div class="subTitle">
			<ol class="breadcrumb">
				<li><a href="#"><span class="glyphicon glyphicon-home"></span></a></li>
				<li class="active">Registro</li>
			</ol>
		</div>
		<div class="page-subheader ">
			<h3>Detalle de Censo</h3>
		</div>
			<div class="gridContent">
			<div class="inner">
				<h:form id="frmCensoRegistro">
						<p:messages id="messages"  autoUpdate="true" />
						<div class="row">
							<div class="col-sm-6 form-group">
									<p:outputLabel for="txtNombre" value="Nombre" />									
									<p:inputText id="txtNombre" value="#{censoService.txtNombre}" maxlength="250" disabled="#{censoService.noEditar}"  required="true" requiredMessage="El Campo 'Nombre' es Obligatorio."/>
							</div>
							<div class="col-sm-3 form-group">
									<p:outputLabel for="txtDenom" value="Abreviación" />
									<p:inputText id="txtDenom" maxlength="20" value="#{censoService.txtAbreviacion}" disabled="#{censoService.noEditar}" required="true" requiredMessage="El Campo 'Abreviación' es Obligatorio."/>
							</div>	
							<div class="col-sm-3 form-group">
								<p:outputLabel for="cboNivel" value="Nivel Gobierno:" />
								<h:selectOneMenu styleClass="form-control" id="cboNivel" value="#{censoService.cboNivelGobiernoId}" disabled="#{censoService.noEditar}"
								 required="true" requiredMessage="El Campo 'Nivel Gobierno' es Obligatorio.">
									<f:selectItem itemLabel="SELECCIONAR" itemValue="" noSelectionOption="true"/>
									<f:selectItems value="#{censoService.listaNivelGobierno}"></f:selectItems>
								</h:selectOneMenu>
							</div>
						</div>
						<div class="row">
						<c:if test="#{censoService.editar}">
								<div class="col-sm-3 form-group">
									<p:outputLabel for="txtAnio" value="Año" />
									<p:inputText id="txtAnio"  value="#{censoService.cboAnio}" disabled="true" required="true" requiredMessage="El Campo 'Año' es Obligatorio.">
										<f:validateRegex pattern="^[0-9]+$"/>
									</p:inputText>
								</div>
								<div class="col-sm-3 form-group">
									<p:outputLabel for="txtMes" value="Correlativo" />
									<p:inputText id="txtMes"  value="#{censoService.cboMes}" disabled="true" required="true" requiredMessage="El Campo 'Mes' es Obligatorio.">
										<f:validateRegex pattern="^[0-9]+$"/>
									</p:inputText>
								</div>
							</c:if>
							<div class="col-sm-3 form-group">
									<p:outputLabel for="cboEst" value="Estado" />
									<h:selectOneMenu styleClass="form-control" id="cboEst" value="#{censoService.cboEstadoId}" disabled="true">
										<f:selectItem itemLabel="SELECCIONAR" itemValue="" noSelectionOption="true" />
										<f:selectItems value="#{censoService.listaEstadoCenso}"></f:selectItems>
									</h:selectOneMenu>
							</div>
						</div>
						
						<div class="page-subheader ">
							<h3>Periodo del Censo:</h3>
						</div>
						<div class="row">
							<div class="col-sm-3 form-group">
											<p:outputLabel value="Fecha Desde" for="calFecIni"/>
											<p:calendar id="calFecIni" required="true" value="#{censoService.txtFechaInicio}" locale="es" navigator="true" disabled="#{censoService.estadoCenso == 2 or censoService.estadoCenso == 3}"
											requiredMessage="El Campo 'Fecha Desde' es Obligatorio."  pattern="dd/MM/yyyy" mask="true" disabledWeekends="true">
												<p:ajax event="dateSelect" update="calFecHabIni,calFecIniReg" />
											</p:calendar>
							</div>
							<div class="col-sm-3 form-group">
											<p:outputLabel value="Fecha Hasta" for="calFecFin"/>
											<p:calendar id="calFecFin" required="true" value="#{censoService.txtFechaFin}" locale="es" navigator="true" disabled="#{censoService.estadoCenso == 2 or censoService.estadoCenso == 3}"
											requiredMessage="El Campo 'Fecha Hasta' es Obligatorio." pattern="dd/MM/yyyy" mask="true" disabledWeekends="true">
												<p:ajax event="dateSelect" update="calFecFinReg"/>
												<f:attribute name="fechaInicio" value="#{censoService.txtFechaInicio}" />
    											<f:validator validatorId="fechaRangoValidador" />
											</p:calendar>
							</div>
						</div>
						<div class="page-subheader ">
							<h3>Periodo de Vigencia para el Registro de Directivos:</h3>
						</div>
						<div class="row">
						<div class="col-sm-3 form-group">
								<p:outputLabel value="Fecha Desde" for="calFecHabIni"/>
								<p:inputText disabled="true" id="calFecHabIni" required="true" value="#{censoService.fechaInicio}" locale="es" navigator="true"
								requiredMessage="El Campo 'Fecha Desde Vigencia' es Obligatorio." pattern="dd/MM/yyyy" mask="true"/>
							</div>
							<div class="col-sm-3 form-group">
								<p:outputLabel value="Fecha Hasta" for="calFecHabFin"/>
								<p:calendar id="calFecHabFin" required="true" value="#{censoService.txtFechaFinHab}" locale="es" navigator="true" disabled="#{censoService.estadoCenso == 2 or censoService.estadoCenso == 3}"
								requiredMessage="El Campo 'Fecha Hasta Vigencia' es Obligatorio." pattern="dd/MM/yyyy" mask="true" disabledWeekends="true" >
									<p:ajax event="dateSelect"/>
									<f:attribute name="fechaInicio" value="#{censoService.txtFechaInicio}" />
									<f:attribute name="fechaFin" value="#{censoService.txtFechaFin}" />
    								<f:validator validatorId="fechaHabRangoValidador" />
								</p:calendar>
							</div>
							<div class="col-sm-3 form-group">
									<p:outputLabel for="txtDiasAlertaResponsable" value="Días Alerta Registrador" />
									<p:inputText id="txtDiasAlertaResponsable"  value="#{censoService.txtDiasAlertaResp}" disabled="#{censoService.noEditar}"
									required="true" requiredMessage="El Campo 'Días Alerta Registrador' es Obligatorio." onkeyup="$(this).val($(this).val().replace(/[^0-9]/g, ''));"
									validatorMessage="El Campo 'Días Alerta Registrador' solo acepta números." maxlength="2">
										<f:validateRegex pattern="^[0-9]+$"/>
										<f:validateLength minimum="1" maximum="2"  />
									</p:inputText>
								</div>
						</div>
						
						<div class="page-subheader ">
							<h3>Periodo del Censo de Directivos:</h3>
						</div>
						<div class="row">
							<div class="col-sm-3 form-group">
										<p:outputLabel value="Fecha Desde" for="calFecIniReg"/>
										<p:inputText disabled="true" id="calFecIniReg" required="true" value="#{censoService.fechaInicio}" locale="es" navigator="true"
										requiredMessage="El Campo 'Fecha Desde' es Obligatorio." pattern="dd/MM/yyyy" mask="true"/>
							</div>
							
							<div class="col-sm-3 form-group">
											<p:outputLabel value="Fecha Hasta" for="calFecFinReg"/>
											<p:inputText disabled="true" id="calFecFinReg" required="true" value="#{censoService.fechaFin}" locale="es" navigator="true"
											requiredMessage="El Campo 'Fecha Hasta' es Obligatorio." pattern="dd/MM/yyyy" mask="true"/>
							</div>
							<div class="col-sm-3 form-group">
									<p:outputLabel for="txtDiasAlertaDirectivo" value="Días Alerta Directivo" />
									<p:inputText id="txtDiasAlertaDirectivo"  value="#{censoService.txtDiasAlertaDire}" disabled="#{censoService.noEditar}"
									required="true" requiredMessage="El Campo 'Días Alerta Directivo' es Obligatorio." onkeyup="$(this).val($(this).val().replace(/[^0-9]/g, ''));"
									validatorMessage="El Campo 'Días Alerta Directivo' solo acepta números." maxlength="2">
										<f:validateRegex pattern="^[0-9]+$" />
										<f:validateLength minimum="1" maximum="2"  />
									</p:inputText>
								</div>
						</div>
					<c:if test="#{!censoService.noEditar}">
					<div class="btnAction row">

						<div class="text-right">
							<p:commandLink immediate="true" styleClass="btn btn-view" style="padding: 10px;"
								value="Cancelar" action="configuracion_censo_listado.jsf">
								<p:confirm header="Confirmación" message="¿Está seguro de cancelar el registro de Censo?" icon="ui-icon-alert" />
							</p:commandLink>
							&nbsp;&nbsp;
												
							<c:if test="#{!censoService.editar}">
								<p:commandButton styleClass="btn btn--primario" icon="ui-menuitem-icon ui-icon fa fa-save" update=":frmCensoRegistro" iconPos="right" value="Grabar" actionListener="#{censoService.ingresarCenso}"  >
									<p:confirm header="Confirmación" message="¿Está seguro de guardar el registro de Censo?" icon="ui-icon-alert" />
								</p:commandButton>
							</c:if>
							<c:if test="#{censoService.editar}">
								<p:commandButton styleClass="btn btn--primario" icon="ui-menuitem-icon ui-icon fa fa-save" iconPos="right" value="Actualizar" actionListener="#{censoService.actualizarCenso}" >
									<p:confirm header="Confirmación" message="¿Está seguro de actualizar el registro de Censo?" icon="ui-icon-alert" />
								</p:commandButton>
							</c:if>
						
						</div>
					</div>
				</c:if>
				</h:form>
			</div>
		</div>
		<p:confirmDialog global="true" showEffect="fade" hideEffect="fade" closeOnEscape="true" rendered="true">
			<p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
			<p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
		</p:confirmDialog>
	</ui:define>
	<ui:define name="script">

	</ui:define>
</ui:composition>